.nav-toggle{display: none;}
.grid{display: none;}
.shadow{display: none;position:absolute;width:100%;height:100%;z-index:2;background:#000;top:0px;left:0px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
@media only screen and (max-height: 700px){
    .section-news .news-wrap{padding-top: 40px;}
}
@media only screen and (max-width:1500px){
    .tech_sup .list .list-fir .slide .item .box{padding:7px;}
    .page-cen{max-width: 1200px;}
    .page-block .page-right{width: 75%;}
    .solution_details ul li{width: 48%;}
}
@media only screen and (max-width:1330px){
    #next{right: 0}
    #prev{left: 0;}
}
@media only screen and (max-width:1210px){
.tech_sup .list .list-fir .slide .item .box{padding:6px;}
}
@media only screen and (max-width:1200px){
    .page-cen,.search-result-content{max-width: 960px}
    .section-news .news-wrap ul{margin-left: -30px;margin-right: -30px;}
    .section-news .news-wrap li{width: 450px;margin: 0px 30px 50px;}
    .news-list-info .first .info .link-more{margin-top: 0;}
    .social-list-info li .info{height: 120px;}
    .contact-list-info .info{padding: 40px 20px 40px 60px; }
    .solution_details .info ul li{width: 48%;}
    .page-right .info p{line-height: 16px;}
}
@media only screen and (max-width: 960px) {
    .page-right .info p{font-size: 12px;line-height: 12px;}
    .select_box,.header-nav{display: none;}
    /*=----*/
    .pageinner {/*position:relative;float:left;*/width: 100%;/*z-index:100;*/
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.77,0,0.175,1);
        transition: transform 500ms cubic-bezier(0.77,0,0.175,1);
    }
    .sideopen .pageinner,.sideopen .header {
        -webkit-transform: translateX(-330px);
        -moz-transform: translateX(-330px);
        -ms-transform: translateX(-330px);
        transform: translateX(-330px);
    }
    body.sideopen .shadow{display: block}
    .sideopen .grid {position:fixed;width:330px;top:0px;right:0px;height:100%;display: block;background: #f5f5f5;z-index: 999;}
    .grid > li { width: 100%; height: 100%; overflow: hidden;  position: relative; }
    .grid .login{padding-top: 30px;font-size: 22px;padding-left:60px;background:url(../images/chevron-lg.png) no-repeat 30px 30px;}
    .sidenav { position: absolute; top: 0; left: 0; bottom: 0;  width: 330px; overflow: hidden; padding-top: 20px;}
    li.laug{font-size: 16px;}
    li.laug a{display: inline-block;text-indent: 0px;color:#333;  font-size: 16px;}
    body.sideopen .sidenav {background:#fff;}
    .three{
        -webkit-transform: translateX(280px);
        -moz-transform: translateX(280px);
        -ms-transform: translateX(280px);
        transform: translateX(280px);
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.77,0,0.175,1);
        transition: transform 500ms cubic-bezier(0.77,0,0.175,1);
    }
    body.sideopen .three{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        list-style:none
    }
    .sidenav li { _overflow: hidden; width: 100%;}
    .sidenav a {text-decoration: none;display: block;line-height: 48px;}
    .sidenav b { display: block; color: #333333;font-size:18px; line-height: 4; font-weight:normal; }
    .sidenav b .en{   color: #bdbdbd;}
    .sidenav a:hover b{  color: #3f853f;}
    .sidenav a.active b{  color: #3f853f;}
    .nav-toggle {display: block;right:0;top:27px;width: 60px;height: 60px;z-index: 2;position: absolute;cursor: pointer;-webkit-transition-duration: 0.66s;transition-duration: 0.66s;-webkit-transition-timing-function: swing;transition-timing-function: swing;}
    .nav-toggle .icon {width: 30px;height: 4px;background-color: #004386;border-radius: 2px;position: absolute;top: 28px;left: 15px;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;transiting-timing-function: swing;}
    .nav-toggle .icon:before, .nav-toggle .icon:after {width: 30px;height: 4px;background-color: #004386;border-radius: 2px;content: "";position: absolute;left: 0;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: swing;transition-timing-function: swing;}
    .index-header .nav-toggle .icon.white,.index-header .nav-toggle .icon.white:before,.index-header  .nav-toggle .icon.white:after{background-color:#fff;}
    .nav-toggle .icon.white,.nav-toggle .icon.white:before, .nav-toggle .icon.white:after{background-color:#666;}
    .nav-toggle .icon:before {top: -9px;}
    .nav-toggle .icon:after {top: 9px;}
    body.sideopen .nav-toggle .icon {width: 0;}
    body.sideopen .nav-toggle .icon:before {-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
    body.sideopen .nav-toggle .icon:after {-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
    .grid ul{width: 100%;padding-left:30px;}
    .grid ul li{padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}
    .grid ul li.nav-li{ background: url(../images/chevron-right.png) 230px 36px no-repeat;transition: background .3s ease-in;-moz-transition: background .3s ease-in; -webkit-transition: background .3s ease-in;
        line-height: 75px;}
    .grid ul li.nav-li.menu{background: url(../images/chevron-down.png) 230px 20px no-repeat; }
    .grid ul li a{display: inline-block;line-height: 45px; width: 100%;font-size: 20px;color: #333;}
    .grid ul li p a{width: 30%;text-indent: 40px;}
    .grid ul li p a.aactive{color: #004386;}
    .grid ul li a:hover{color: #004386;}
    .grid ul li.current>a{color: #004386;}
    .grid ul li.current .subnav a{color: #666;}
    .grid ul li .subnav{display: none;padding-left: 40px;}
    .grid ul li .subnav a{font-size: 22px;}
    .grid ul li a{font-size: 26px;}
    .grid ul li p a{width: 40%;}
    .grid ul li.nav-li ul{padding: 0;}
    .grid ul li.nav-li li{line-height: 35px;font-size: 24px;padding-left:20px;border:none;background: url(../images/chevron-left.png) no-repeat 0 28px;}
/*==========*/

    .page-cen{padding: 0 20px;}
    .section-news .news-wrap ul{margin-left: 0;margin-right: 0;}
    .section-news .news-wrap li{width: 95%;margin: 0 2.5% 50px;}
    .footer .fr ul{display: none;}
    .page-block .page-left{display: none;}
    .page-block .page-right{width: 100%;}
    .social-list-info li .info{height: auto;}
    .join-list-info li{width: 47%;}
    .contact-list-info .info {
        padding: 20px 20px 20px 20px;
    }
    .contact-list-info .info .line{margin: 12px 0;}
    .contact-list li{width: 50%;margin-bottom: 20px;}
    .assembly .advantages li{width: 46.9%;}
    #prev{left: -10px;    background-color: #004386;    width: 80px;bottom:52px;background-size: 12px;
        height: 80px;
        border-radius: 50%;}
    #next{right:-10px;    background-color: #004386;    width: 80px;bottom:52px;background-size: 12px;
        height: 80px;
        border-radius: 50%;}
    #prev:hover{background-image: url(../images/arrow_left.png)}
    #next:hover{background-image: url(../images/arrow_right.png)}
    .footer .fr{float: none;text-align: center;}
    .footer .copy{margin-left: 0;width: 100%;text-align: center;}
    .search-result-content{padding: 0 20px;max-height: 99999px;}
    .assembly_lsit li{width: 46%;margin: 0 2% 20px;}
    .icon-list li{width: 80px;}
    .solution_details .info ul li img{margin-top: 10px;}

}
@media only screen and (max-width: 640px){
    *{-webkit-tap-highlight-color:rgba(0,0,0,0);}
    p{max-height: 9999px;}
    body{font-size: 20px;}
    .banner-control a{width: 60px;height: 4px;}
    .section-about .fl,.section-about .fr{width: 100%;height: 50%;}
    .section-about .fl .about-list{height: 100%;width: 50%;float: left;}
    .section-about .about-info{padding: 0 20px;width: 100%;box-sizing: border-box;}
    .section-about .fl .about-list .about-pic img{
        height: 100%;width: auto;
    }
    .icon-title{font-size: 24px;line-height: 80px;}
    .page-right .page-cont .title{font-size: 38px;line-height: 60px;}
    .page-right .page-cont .title:before{
        top:10px;height: 36px;}
    .section-about .about-info .logo{font-size:50px}
    .breadcrumbs li.current span{font-size:20px;line-height: 55px;}
    .profile-list-info h4,.join-first h4,.techimp-list-info h4,.tech_sup .btn_down,.section-news .news-wrap .title,.assembly  h6,.banner-video .end-video{font-size: 24px;line-height:36px;}
    .section-about .about-info p,.breadcrumbs a,.group-list-info li p,.profile-list-info p,.assembly_lsit li .t_info,.section-contact p{font-size: 20px;line-height: 30px;}
    .page-right  .info p,.social-list-info li .info,.join p,.join-list-info h4,.contact-list-info .info h2,.contact-list li,.techimp-list-info ul,.assembly .banner-case h4{font-size: 16px;line-height: 16px;}
    .contact-list-info .info h3,.slide-expre .slide-right .in-block p{font-size: 18px;}
    .assembly .advantages,.assembly .pro_left h4 span,.slide-expre .slide-left .box-b li p{font-size: 16px;}
    .page-right .news-list-info  .info p{height: 72px;}
    .news-list-title li,.page-right .page-cont .title span,.tech_sup .list .list-fir .slide h6,.tech_sup .list .list-fir h4{font-size: 24px;}
    .page-right .link a,.news-list-info .info h4,.assembly .btn a,.tech_sup .down_list{font-size: 20px;}
    .group-list-info{margin-left: 0}
    .group-list-info li{margin: 0 2%;width: 16%;}
    .profile-list-info li{float: none;height: auto;
        width:70%;margin: 0 auto 40px;}
    .news-list-info .first .info .link-more{display: none;}
    .social-list-info li{width: 95%}
    .page-block{padding-bottom: 120px;}
    .contact-list-info .info-box,.contact-list-info .pic{width: 100%;}
    .techimp-list-info ul div{width: 90%;}
    .assembly .pro_left{float: none;width: 100%;}
    .assembly .pro_right{float: none;width: 100%;padding: 26px 0;text-align: center;}
    .assembly .pro_right img{width: auto;max-width: 80%;}
    .assembly .btn .download{width: 210px;}
    .tech_sup .down_list{padding-left: 2%;width: 48%;}
    .tech_sup .down_lan{
        font-size: 18px;
        padding:20px 10px;
        height: auto;line-height: 100%;
        font-size: 18px;
        color: #fff;
        background-color: #004386;
        float: left;
        margin: 0 14px 0 0px;
        width: 86%;}
    .tech_sup .down_lan a{width: 50px;height: 38px;background-size: 208px;}
    .tech_sup .list .list-fir .slide .item{width: 46.7%;}
    .tech_sup .list .list-fir .slide .item .box{padding: 20px 16px;}
    .tech_sup .list .list-fir .slide .item .box .pic{width: 26%;}
    .tech_sup .list .list-fir .slide .item .box .info{width: 74%;}
    .assembly .pro_left .features li{font-size: 14px;line-height: 32px;}
    #big .pic .info{top:16%;width: 86%;left: 0;}
    #big .pic .info p{font-size: 18px;}
    #big{height: 310px;}
    .footer .page-contact{width: 100%}
    .footer .page-contact ul{padding: 0 20px;line-height: 36px}
    .footer .page-contact ul li p{width: 90%;}
    .footer .copy{font-size: 18px;line-height: 28px;}
    .section-news .news-wrap .text{height: 75px;line-height: 25px;}
    .section-news .news-header p{font-size: 16px;line-height: 24px;}
    .news-wrap .page-cen ul{width: 100%;}
    .section-news .news-header h2{margin: 20px 0}
    .section-news .news-wrap .title{height: 40px;}
    .section-news .news-wrap{padding-top: 60px;}
    .assembly .advantages li .pic{padding-right: 0;}
    .assembly .advantages li .text{width: 70%;}
    .assembly .advantages li .text p,.assembly .advantages li .text h6{font-size: 18px;line-height: 20px;}
    .section .banner .page-cen{margin-top: -50%}
    .slide-expre{width: inherit;margin-top:36%;bottom: auto;padding: 0 20px;right: 0;}
    .slide-expre .slide-left{padding-left: 0;width: 60%;}
    .slide-expre .slide-left .box-t h4{font-size: 20px;}
    .slide-expre .slide-right .box-1,.slide-expre .slide-right .box-2{background-size: 100%;padding: 0 20px;}
    .slide-expre .slide-left .box-t{padding-bottom: 132px;background-size: 62px;}
    .slide-expre .slide-left .box-t h2{font-size: 44px;}
    .slide-expre .slide-left .box-b{padding-bottom: 24px; padding-left: 24px;padding-right: 0;}
    .slide-expre .slide-left .box-b li{width: 80px;}
    .slide-expre .slide-right{width: 40%}
    .slide-expre .slide-right .in-block{padding-left: 30px;width: 140px;padding-top: 10px;}
    .solution_details ul li{ width: 80px;height: auto;margin-right: 26px;}
    .page-right  .solution_details ul li p{line-height:28px;}
    .icon-list li {
        width: 17%;
    }
    .solution_details .info ul li{width: 100%;height: 124px;}
    .solution_details .info ul li p{height: 100%;}
    .solution_details .info ul li img{width: 50px;float: none;margin-top:0;}
    .join-list-info li{float:none;display:inline-block;height: auto;min-height: 280px;width: 46%;vertical-align: top;}
    .fr-prev, .banner-prev,.fr-next, .banner-next {top:45%;width: 60px;height: 60px;background-size:100% ;}
    .assembly .case-title .case-prev, .assembly .case-title .case-next{width: 50px;height: 50px;top: 5px;background-size: 12px;}
        .assembly .case-title .case-prev{right: 90px;}
        .assembly .btn .down_lan{width: 228px;}
        .dialog-box{width: 90%;}
    .dialog-box h2{font-size: 24px;}
    .dialog-box label{font-size: 22px;width: 60px;}
    .dialog-box .submit button{font-size: 22px;}
}